.yg-category {
  .yg-category-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    .category-nav {
      background:var(--themeColor);
      color:#fff;
      width:100%;
      display: block;
      font-size:0.378378rem;
      text-align:center;
      line-height:1.351351rem;
    }
    
  }
  .yg-category-content {
    display: flex;
    .content-left {
      flex:1;
      background-color:#f3f3f3;
      height:calc(100vh - 4.054054rem);
      overflow-y: scroll;
      .left-item {
        font-size: 16px;
        line-height:16px;
        text-align: center;
        padding: 14px 0 ;
        color:#464646;
      }
      .left-item:nth-child(1){
        padding-top:10px;
      }
      .active{
        border-left:3px solid var(--themeColor);
        color:var(--themeColor)
      }
    }

    .content-right {
      // background-color:red;
      flex:3;
      height:calc(100vh - 4.054054rem);
      background-color: #fff;
      overflow-y: scroll;
      .content-right-item {
        .right-item-title {
          text-align:center;
          font-size:0.378378rem;
          height:0.810811rem;
          line-height:0.810811rem;
        }
      
        .product-list {
          display: flex;
          flex-wrap: wrap;
          .product-list-item {
            width: 33.33%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            .imageWrapper {
              img {
                width: 1.6rem;
                height: 1.6rem;
              }
            }
      
            .item-title {
      
            }
          }
        }
      }
    }
  }

}